<template>
    <div>
      <el-row :gutter="20">
        <el-col :span="6">
          <el-card shadow="hover">
            <total-sale />
          </el-card>
        </el-col>
        <el-col :span="6">
          <el-card shadow="hover">
            <total-order />
          </el-card>
        </el-col>
        <el-col :span="6">
          <el-card shadow="hover">
            <today-users />
          </el-card>
        </el-col>
        <el-col :span="6">
          <el-card shadow="hover">
            <total-users />
          </el-card>
        </el-col>
      </el-row>
    </div>
</template>

<script>
  import TotalSale from '../TotalSale'
  import TotalOrder from '../TotalOrder'
  import TodayUsers from '../TodayUsers'
  import TotalUsers from '../TotalUsers'
export default {
  name: 'TopView',
  components: {
    TotalSale,
    TotalOrder,
    TodayUsers,
    TotalUsers
  }
}
</script>

<style scoped lang="scss">

</style>
